7.07 添加和删除类名
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.z1{color:black;font-size:16px}
.z2{color:red;font-size:24px}
.z3{width:200px;height:100px;border:2px solid black}
</style>
</head>
<body>
<div id="wyzxw" class="z1">
我要好好学习
</div>
<script type="text/javascript">
var z=document.getElementById("wyzxw")
<!—1、增加类名，已有相同类名，则不会再添加-->
z.classList.add("z2","z3") //z2、z3必须是字符串的形式，否则会报错未被定义
</script>
</body>
</html>
返回值：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.z1{color:black;font-size:16px}
.z2{color:red;font-size:24px}
.z3{width:200px;height:100px;border:2px solid black}
</style>
</head>
<body>
<div id="wyzxw" class="z1 z2 z3">
我要好好学习
</div>
<script type="text/javascript">
var z=document.getElementById("wyzxw")
<!--2、删除类名，如果要删除的类名没有，也没会报错-->
z.classList.remove("z2","z3") //z2、z3必须是字符串的形式，否则会报错未被定义
</script>
</body>
</html>
